<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK">
<%@ include file="/WEB-INF/jsp/front/task/inc/taglibs.jsp"%>
<%@ include file="/WEB-INF/jsp/front/task/inc/meta.jsp"%>
<!-- json-->
<script type="text/javascript" src="${approot}/static/jquery/jquery.json-2.2.min.js"></script>
<script type="text/javascript" src="${approot}/static/jquery/json.utils.js"></script>

   <script type="text/javascript">
        function getImage()
        {
        var path ="${approot}/task/validateCode?"+(new Date().getTime());
        var preImage = document.getElementById("displayImage");
        preImage.innerHTML = "";
        var imageZone = document.createElement('img');
        imageZone.setAttribute('id','imageZone');
        //提取服务器上的图片显示下来:
        imageZone.setAttribute('src',path);
        preImage.appendChild(imageZone);
        } 

        function LoginCheck()
        {
           if($('#name').val()=='')
           {
               $('#msg').html("请输入用户名");
               return false;
           }
           if($('#password').val()=='')
           {
               $('#msg').html("请输入密码");
               return false;
           }
           if($('#vcode').val()=='')
           {
               $('#msg').html("请输入验证码");
               return false;
           }
           var url="${approot}/task/login";
           var back="${approot}/task/ssl/user/main";
           ajax_submit("no","no","登录",url,back);
        }
</script>
<style>
	/*全局样式*/
* { margin:0; padding:0; }
body {
	line-height:180%;color:#434343;background:#fff;margin: 0px auto; font: 12px/1.5em Arial Helvetica "sans-serif"; height: 100%;  font-size:12px;
}
html, body, h1, h2, h3, h4, ul, li, dl,input{ font-family:Arial, Helvetica, sans-serif;  margin:0px;padding:0px;list-style-type:none }
div, p{ font-family:Arial, Helvetica, sans-serif;  }


a {
	color:#555; padding:0px; text-decoration:none
}
a:link {
	background: none transparent scroll repeat 0% 0%;color:#555;
}
a:hover {
	color: #ff0000; text-decoration: underline
}
img {
	border:0px;
}
div,ul,li,p,form {
		padding: 0px; margin: 0px;
}
table {
		padding: 0px; margin: 0px;
}
dt,dl,dd {
	padding: 0px; margin: 0px;
}
form{margin:0px;padding:0px;}
tr {
	padding: 0px; margin: 0px;
}
h3,h4{ padding:0px; font-size:14px; font-weight:bold;}

.clear {
	clear:both;height:0px; overflow:hidden;
}
/*body { font:12px/20px Verdana; color:#666; text-align:center; background:#fff; }*/
body{background:#ffffff url('${approot}/static/style/task/images/header_bg.gif') repeat-x 0 0px;}
ul { list-style:none; }
img { border:none; }
img, input, select, button { vertical-align:middle; color:#666 }
input, select { font:12px Verdana; }
button { cursor:pointer; }
optgroup option { padding-left: 15px;}
a{color:#597D7D}

/*表单元素*/
	/*输入框*/
.ipt_tx, .ipt_tx2 { border:1px solid #D2D2D2; background:#fff; line-height:16px; height:16px; padding:2px; margin:0; margin-left:2px}
.ipt_tx2 { border-color:#9DB5CA; background:#F2F9FE; }
	/*按钮*/
.btn { background:no-repeat; width:93px; height:28px; color:#333; font-size:12px; line-height:28px; border:none; }
.bnormal { background-image:url(${approot}/static/style/task/images/btn_normal.gif); }

.mainbody{width:100%; margin:0px auto;}
.header{width:980px; margin:0px auto;height:75px; margin-top:20px;}
.logo{width:220px;float:left;}
.txz{font-size:28px;font-weight:bold;color:#ff6600;float:left;line-height:56px; padding-top:3px;}
.other{width:300px;float:right;}
.other li{float:left;width:60px;text-align:center;line-height:56px;}
.controlBox{width:980px;margin:0 auto;}


.left{width:580px; float:left;}
.left .welcome{
	padding-left:90px;
	text-align:left;
	background:url(${approot}/static/style/task/images/login_lbg.gif) no-repeat;
	height: 380px;
	padding-top: 60px;
	margin-top: 20px;
	margin-left: 10px;
}
.left .welcome dt{font-size:14px;font-weight:bold;color:#ff6600;line-height:25px;}
.left .welcome dd{color:#000;line-height:25px;}



.right{width:314px; height:410px; float:right; margin-right:60px; display:inline; background:url(${approot}/static/style/task/images/login_box.jpg) no-repeat;}
.right strong{height:40px; display:block; text-indent:-10000px; overflow:hidden;}
/*after login*/
.right .box1{margin:20px 0 0 30px; font-size:14px;}
.right .box1 p{font:bold 14px "宋体";}
/*before login*/
.right .box1 form table{font-weight:bold;}
.right .box1 form table tr td{line-height:35px;}
.box1 .form_detail{text-align:left;font-size:14px;font-weight:bold;color:#000;line-height:28px;}
.box1 .form_detail p{margin:6px;}
.box1 .ipt_tx{padding:5px;line-height:20px;}
.box1 h2{font-size:14px;font-weight:700;color:#000; text-align:left;margin-top:30px;}
#showVerify{font-size:12px;color:red;}


#ft{color:#999; border-top:#f1f1f1 1px solid;}
#ft p{margin-top:9px; text-align:center}
</style>
</head>

<body>
<!-- head begin -->
<div class="mainbody">

	<div class="header">
		<div class="logo"><a href="${approot}/entry/d/task"><img alt="刷信誉网-通行证" src="${approot}/static/style/task/images/logo_Login.gif"/></a> </div>
		<div class="other">
		   <ul>
		     <li><a href="${approot}/entry/d/task">网站首页</a></li> 
             <li><a href="http://www.88sxy.com/index.asp?do=reg">免费注册</a></li> 
		     <li><a href="http://www.88sxy.com/html/help/" target="main">帮助中心</a></li>
		   </ul>
		</div>
	</div>
</div>
<!-- head end -->

<div class="controlBox">
	<div class="left">
            <div class="welcome">
			   <dl>
				<dt>刷信誉网刷信誉平台 —— 国内免费、最安全、最专业的刷信誉平台</dt>
				<dd>成为刷信誉网会员，不花一分钱也能轻松到皇冠！ 
                  <br>
                 平台功能强大，拥有国内著名程序员做技术后盾，选择我们，选择专业刷信誉平台！</dd>
			   </dl>
			   <br>
			   <dl>
				<dt>发布任务快速提升您店铺信誉</dt>
				<dd>人数越多越安全，平台拥有全国各地大量刷客，快速安全真实提升信誉。 
                  <br>
                 任务透明，可随时观看任务进度，防止作弊和欺诈，任务全程可控。 </dd>
			   </dl>
                <br>
			   <dl>
				<dt>接任务赚得真金和推广赚取佣金</dt>
				<dd>无论您是职业刷手还是业余刷客，都可以接手任务赚得现金，月赚五千不是问题。 
                  <br>推广本站，也可以轻松赚得佣金。</dd>
			   </dl>
</div>
            
        </div>
        <div class="right">
        
      <strong>登录通行证</strong>
            <div class="box1">
                <form action="" id="item" name="item" method="post">
				<div class="form_detail">
					<p>
						<label>用户名：</label>
						<input type="text" name="name" maxlength="60" id="name" class="ipt_tx" style="width:149px;" tabindex="1">
						
					</p>
					<p>
						<label>密&nbsp;&nbsp;码：</label>
						<input type="password" name="password" maxlength="60" id="password" class="ipt_tx" style="width:149px;" tabindex="2" autocomplete="off">
					</p>
					
					<p>
						<label>验证码：</label>
						<input type="text" maxlength="6" name="vcode" id="vcode" class="ipt_tx" style="width:55px;" tabindex="3" autocomplete="off">
						<span id="showVerify"><a onclick="getImage();" id="displayImage"><img id="vimage" alt="" src="${approot}/task/validateCode" width="70" height="20" /></a></span>
						
					</p>
					
					<p>
						<input type="button" tabindex="5" onclick="return LoginCheck();" class="btn bnormal" value="登  录">
					 <font color='red'><span id="msg"></span></font></p>
				</div>
			</form>
			<h2>还没有会员通行证帐号？</h2>
			<div class="form_detail">
				<p>
					<input type="button" tabindex="8" id="btn_regist" class="btn bnormal" onclick="location.href=&#39;../../?do=reg&#39;" value="现在就注册">
					<input type="button" tabindex="8" id="btn_regist" class="btn bnormal" onclick="location.href=&#39;../../?do=reg&#39;" value="忘记了密码">
				</p>
			</div>
			<h2>免费注册本站会员，仅需花费您30秒钟！</h2>

            </div>
           
		
        </div>
        <div class="clear"></div>
    </div>

  <br>

	<div id="ft">
		<p>Copyright Reserved 2010-2011&#169; 刷信誉网 www.yeezuan.com | 工业和信息化部备案编号：苏ICP备11016805号-1
		</p>
	</div>


        </body></html>